
.oni-simplegrid {
  font: normal 12px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif; }

/*
这是每个都组件都应该引用的部分
*/
.oni-simplegrid {
  font: normal 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
  width: 100%;
  border: 1px solid #d4d4d4;
  position: relative;
  /*三种容器的规则*/
  /*三种容器下三角形的共同点*/
  /*上三角*/
  /*下三角*/ }
  .oni-simplegrid .oni-simplegrid-scroll-wrapper {
    width: 100%;
    overflow: auto;
    position: relative;
    z-index: 0; }
  .oni-simplegrid .oni-simplegrid-wrapper {
    width: 100%;
    position: absolute; }
  .oni-simplegrid .oni-simplegrid-thead {
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-collapse: collapse; }
  .oni-simplegrid .oni-simplegrid-thead td, .oni-simplegrid .oni-simplegrid-thead th {
    border: 0 none;
    padding: 10px 5px;
    background-color: #f8f8f8; }
  .oni-simplegrid .oni-simplegrid-thead td, .oni-simplegrid .oni-simplegrid-thead th, .oni-simplegrid .oni-simplegrid-tbody td, .oni-simplegrid .oni-simplegrid-tbody th {
    padding-left: 5px; }
  .oni-simplegrid .oni-simplegrid-tbody {
    width: 100%;
    border: 1px solid #d4d4d4;
    border-left: none;
    border-right: none;
    border-collapse: collapse; }
  .oni-simplegrid .oni-simplegrid-tbody td, .oni-simplegrid .oni-simplegrid-tbody th {
    border: 0 none;
    padding: 7px 5px; }
  .oni-simplegrid .oni-simplegrid-tbody td, .oni-simplegrid .oni-simplegrid-tbody th {
    border-bottom: 1px solid #f3f3f3; }
  .oni-simplegrid .oni-simplegrid-tbody .oni-state-hover td, .oni-simplegrid .oni-simplegrid-tbody .oni-state-hover th {
    background-color: #e8f5fd; }
  .oni-simplegrid .oni-simplegrid-tbody .oni-state-selected td, .oni-simplegrid .oni-simplegrid-tbody .oni-state-selected th {
    background-color: #fff7e6; }
  .oni-simplegrid .oni-simplegrid-scroll-marker {
    width: 100%;
    z-index: -1; }
  .oni-simplegrid .oni-simplegrid-pager-wrapper {
    width: 100%;
    padding: 5px 0px;
    overflow: hidden;
    background-color: #f8f8f8;
    border-top: 1px solid #d4d4d4; }
  .oni-simplegrid .oni-simplegrid-pager-options {
    float: left;
    height: 26px;
    line-height: 26px;
    padding-left: 5px; }
    .oni-simplegrid .oni-simplegrid-pager-options .oni-dropdown {
      margin: 0 5px;
      vertical-align: top; }
  .oni-simplegrid .oni-helper-asc, .oni-simplegrid .oni-helper-desc, .oni-simplegrid .oni-helper-ndb {
    width: 16px;
    height: 16px;
    line-height: 1;
    vertical-align: middle;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
    cursor: pointer; }
  .oni-simplegrid .oni-helper-asc span, .oni-simplegrid .oni-helper-desc span, .oni-simplegrid .oni-helper-ndb span {
    position: absolute;
    top: 0px;
    left: 4px; }
  .oni-simplegrid .oni-helper-ndb .oni-helper-sort-top, .oni-simplegrid .oni-helper-desc .oni-helper-sort-top {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-top: 0 none;
    border-right: 6px dashed transparent;
    border-bottom: 6px solid #cccccc;
    border-left: 6px dashed transparent;
    top: 0px; }
  .oni-simplegrid .oni-helper-asc .oni-helper-sort-top {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-top: 0 none;
    border-right: 6px dashed transparent;
    border-bottom: 6px solid black;
    border-left: 6px dashed transparent;
    top: 0px; }
  .oni-simplegrid .oni-helper-ndb .oni-helper-sort-bottom, .oni-simplegrid .oni-helper-asc .oni-helper-sort-bottom {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-top: 6px solid #cccccc;
    border-right: 6px dashed transparent;
    border-bottom: 0;
    border-left: 6px dashed transparent;
    top: 8px; }
  .oni-simplegrid .oni-helper-desc .oni-helper-sort-bottom {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-top: 6px solid black;
    border-right: 6px dashed transparent;
    border-bottom: 0;
    border-left: 6px dashed transparent;
    top: 8px; }
  .oni-simplegrid .oni-pager {
    display: inline;
    float: right; }
  .oni-simplegrid .oni-simplegrid-empty {
    text-align: center; }
